html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select {
  margin: 0;
  padding: 0;
}
*{box-sizing: border-box;}
html, body {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

body {
  font-family: "Microsoft YaHei";
  font-size:14px;
  color:#333;
}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
ul,ol {
  list-style: none;
}
.el-loading-spinner .path {
  stroke: #EF6B0C!important;
}
.el-loading-spinner .el-loading-text {
  color: #EF6B0C!important;
}
.el-loading-mask {
  position: absolute;
  z-index: 10000;
  background-color: rgba(255,255,255,.9);
  margin: 0;
  top: 143px;
  right: 0;
  bottom: 0;
  left: 200px;
  transition: opacity .3s;
}
img {
  border: none;
  vertical-align: middle;
}

a {
  text-decoration: none;
  color: #232323;
}

table {
  border-collapse: collapse;
  table-layout: fixed;
}
.el-submenu .el-menu {
  background-color: #fff;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover, .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
  color: #fff;
  background-color:rgba(87,189,222,1);
}
.el-select-dropdown__item.selected.hover {
  color: #fff;
  background-color:rgba(87,189,222,1);
}
.el-select-dropdown__item.selected {
  color: #fff;
  background-color:rgba(87,189,222,1);
}
.el-select-dropdown__item {
  color:rgba(87,189,222,1);
}
.el-dropdown-menu__item {
  text-align: center;
  color:rgba(87,189,222,1);
}
.el-radio__input.is-checked .el-radio__inner {
  border-color: rgba(87,189,222,1);
  background:rgba(87,189,222,1);
}
.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color:rgba(87,189,222,1);
  border-color:rgba(87,189,222,1);
}
.el-dropdown-menu > .el-dropdown-menu__item:hover {
  background-color: rgba(87,189,222,1)!important;
  color: #fff;
}

.el-select-dropdown__list{
  margin: 0!important;
}
input, textarea {
  outline: none;
  border: none;
}

textarea {
  resize: none;
  overflow: auto;
}

.clearfix {
  zoom: 1;
}

.clearfix:after {
  content: ".";
  width: 0;
  height: 0;
  visibility: hidden;
  display: block;
  clear: both;
  overflow:hidden;
}
.tl {
  text-align: left;
}

.tc {
  text-align: center
}

.tr {
  text-align: right;
}
::-webkit-scrollbar {
  width: 12px;
  height: 20px;
  background-color: #f7f7f7;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);*/
  border-radius: 8px;
  background-color: #f7f7f7;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  /*-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);*/
  background-color: #efefef;
}
#app .aside{
  z-index: 500;
}
.el-button:active{
  border-color: #1dabd9;
}
.el-button:focus, .el-button:hover{
  color: #fff;
  border-color: #1dabd9;
}

.el-button--primary {
  color: #fff;
  background-color:  #1dabd9;
  border-color:  #1dabd9;
}
#dsGL .el-dialog__headerbtn .el-dialog__close{
  display: none;
}
#dsGL .el-dialog--tiny{
  width: 40%;
}
/*遮罩层*/
.mask{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .5;
  background: #000;
  z-index: 100;
}
.block {
  color: #434A54;
  right: 18px;
  bottom: 2px;
  width: 100%;
  text-align: right;
  position: absolute;
  /*position: absolute;*/
}
#noneF .el-checkbox__label{
  display: none;
}
.storePromotion .el-upload-dragger {
  background-color: rgba(248,249,249,1);
  border: 1px solid #d9d9d9;
  /*border: 1px solid #000;*/
  border-radius: 6px;
  box-sizing: border-box;
  width: 250px;
  height: 150px;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.storePromotion .el-upload-dragger:hover {
  border-color: #d9d9d9;
}
.storePromotion  .el-button--text:focus, .el-button--text:hover {
  color:rgba(96,192,224,1);
}
.storePromotion .el-button--text {
  color:rgba(96,192,224,1);
}
.storePromotion .upload-demo{
  width: 250px;
}
.storePromotion .le .el-upload-list {
 display: none;
}
.ellipse {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inline{
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.clear_f{
  clear:both
}
.marge{
  width: 100%;
}
.center{
  padding-left: 200px;
  width: 100%;
}
.f_left{
  float: left;
}
.f_right{
  float: right;
}
.text{
  color: #EF6B0C;
}
.txt{
  color: #656D78;
}
.txt-size{
  font-size: 14px;
}
.carLi {
  width: 150px;
  height: 100%;
  line-height: 80px;
  text-align: center;
  border-right: 1px solid rgb(235, 235, 235);
  cursor: pointer;
  color: rgba(89, 115, 128, 1);
  font-size: 18px;
  font-family: MicrosoftYaHei;
  float: left;
  /*background-color: rgba(4,4,4,0.09);*/
}
.el-icon-date{
  color: rgba(87,189,222,1)!important;
}
/*导航栏*/

/*桌位管理页面*/
.el-select .el-input .el-input__icon{
  color: #F58534!important;
}
.region_ .el-dialog{
  width:618px!important;
  height:323px!important;
  background:rgba(255,255,255,1)!important;
  border-radius: 25px!important;
}
.region_ .el-input__inner{
  width:552px;
  height:59px!important;
  background:rgba(243,243,243,1);
  border-radius: none;
}
.region_ .el-dialog__footer{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 112px;
  width: 100%;
}
.el-menu--dark{
  background-color: #fff;
}
.el-menu--horizontal.el-menu--dark .el-menu-item:hover, .el-menu--horizontal.el-menu--dark .el-submenu__title:hover {
  background-color:#fff;
}
.el-menu--horizontal>.el-menu-item:hover, .el-menu--horizontal>.el-submenu.is-active .el-submenu__title, .el-menu--horizontal>.el-submenu:hover .el-submenu__title {
  border-bottom: 5px solid #fff;
}
.el-input__inner:focus {
  outline: 0;
  border-color: rgba(212,215,222,1);
}
.inputC .el-input__inner{
  height: 40px!important;
}
.el-pager li.active {
  border-color:rgba(87,189,222,1);
  background-color: rgba(87,189,222,1);
  color: #fff;
  cursor: default;
}
.el-button--primary:focus, .el-button--primary:hover {
  border-color:rgba(87,189,222,1);
  background-color: rgba(87,189,222,1);
  color: #fff;
}
.el-select .el-input .el-input__icon{
  color: rgba(89,115,128,1)!important;
}
.region_ .el-dialog__footer .dialog-footer{
  width:100%;
  height:100%;
  display: flex;
  justify-content:center ;
  text-align: center;
  border-radius: 3px ;
  /*transform: translateX(-50%) translateY(-50%);*/
}
.region_ .el-dialog__footer .dialog-footer button{
  width: 147px;
  height: 34px;
  margin:24px 40px;
  background:rgba(245,133,52,1);
  text-align: center;
}
.cuPint {
  cursor: pointer;
}
.textAl_center{
  text-align: center;
}
.textAl_left{
  text-align: left;
}
.textAl_Right{
  text-align: center;
}
/*桌位管理页面end*/
/*图片预览start*/
.img_preview>div{
  /*top: 50%!important;*/
  /*left: 50%!important;*/
  /*height: 1px!important;*/
  /*margin:0;*/
  /*padding: 0;*/
  /*background: none;*/
  width:483px!important;
  height:336px;
  background:rgba(255,255,255,1);
  border-radius: 5px;
  overflow: hidden;
}
.img_preview>div .el-dialog__header{
  height: 0;
  padding:0;
  display: none;
}
.img_preview>div .el-dialog__body{
  padding: 0;
}
.img_preview>div .el-dialog__body img{
  width: 174px;
  height:174px;
  margin:48px 0 0 50%;
  transform: translateX(-50%);
}
.img_preview>div .el-dialog__body button{
  width:188px;
  height:43px;
  background:rgba(245,133,52,1);
  border-radius: 5px ;
  border: 1px solid rgba(245,133,52,1);
  margin:48px 0 0 50%;
  color: #fff;
  transform: translate(-50%,0);
}
/*图片预览end*/
/*菜单栏：start*/
/*确认按钮*/
.comfirmBtn{
  width:80px;
  height:36px;
  background-color:#57BDDE;
  border-radius:5px;
  color:#fff;
  border:none;
  font-size:14px;
}
.comfirmBtn:hover{
  color:#fff;
  background-color:#1dabd9;
  border-color:#1dabd9;
}
.comfirmBtn:active{
  color:#fff!important;
}
/*取消按钮*/
.cancleBtn{
  width:80px;
  height:36px;
  background-color:#FF8761!important;
  border-radius:5px;
  color:#fff;
  border:#FF8761!important;
  font-size:14px;
}
.cancleBtn:hover{
  color:#fff;
  background-color:#fc6f42!important;
  border-color:#fc6f42!important;
}
/*输入框input*/
.menu_input{
  width:200px;
  height:40px!important;
}
/*下拉框*/
.menu-select{
  width:150px;
  height:40px!important;
}
/*菜单栏按钮文字提示*/
.menu-label{
  display:inline-block;
  width:150px;
  /*width:200px;*/
  height:40px;
  line-height:40px;
  text-align:right;
  /*border:1px solid red;*/
}
.el-pager li:hover{
  /*color: #57BDDE;*/
}
.el-textarea__inner:focus{
  border-color:#57BDDE;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
 .menu{
  margin: 20px 20px 0 20px;
  height: 160px;
  color: #656D78;
  border: 1px solid rgba(4, 4, 4, 0.09);
  border-bottom: 2px solid rgba(4, 4, 4, 0.09);
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 1);
}
 .menu-content{
  margin-top:28px;
}
 .menu-bottom{
  margin-top:24px;
}
 /*菜单栏end*/
/*弹框*/
.mask{
  background:rgba(0,0,0,0.7);
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:999;
}

/*加载动画*/
.spinner {
  /*margin: 100px auto;*/
  width: 40px;
  height: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 502;
  transform: translate(-50%,-50%);
}

.container1 > div, .container2 > div, .container3 > div {
  width: 8px;
  height: 8px;
  background-color:#57BDDE;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }

.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
      transform: scale(1.0);
      -webkit-transform: scale(1.0);
    }
}

